﻿<!DOCTYPE html>
<html lang="zxx">
  <head>
    <!--=== Required meta tags ===-->
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1, shrink-to-fit=no"
    />

    <!--=== CSS Link ===-->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/css/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/css/icofont.min.css" />
    <link rel="stylesheet" href="assets/css/font-awesome-pro.css" />
    <link rel="stylesheet" href="assets/css/meanmenu.css" />
    <link rel="stylesheet" href="assets/css/magnific-popup.min.css" />
    <link rel="stylesheet" href="assets/css/scrollcue.css" />
    <link rel="stylesheet" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />
    <link rel="stylesheet" href="assets/css/contact.css" />

    <!--=== Favicon ===-->
    <!-- <link rel="icon" type="image/png" href="assets/images/favicon.png" /> -->
    <!--=== Title ===-->
    <title>Saildefenser</title>
  </head>

  <body>
    <!--=== Start Preloader Section ===-->
    <div class="preloader">
      <div class="content">
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
        <div class="ball"></div>
      </div>
    </div>
    <!--=== End Preloader Section ===-->
    <!--=== Start Navbar Section ===-->
    <div class="navbar-section">
      <!--=== Start Main Navbar Section ===-->
      <div class="main-nav">
        <div class="container">
          <nav class="navbar navbar-expand-md navbar-light">
            <a class="navbar-brand" href="index.html">
              <img class="logo" src="assets/images/logo.png" alt="Logo" />
            </a>

            <div
              class="collapse navbar-collapse for-mobile-menu"
              id="navbarSupportedContent"
            >
              <ul class="navbar-nav m-auto">
                <li class="nav-item">
                  <a href="index.html" class="nav-link"> Home </a>
                </li>
                <li class="nav-item">
                  <a href="products.html" class="nav-link">Products</a>
                </li>
                <li class="nav-item">
                  <a href="applications.html" class="nav-link active active-88"
                    >Applications</a
                  >
                </li>
                <li class="nav-item">
                  <a href="about-us.html" class="nav-link">About Us</a>
                </li>
                <li class="nav-item">
                  <a href="contact-us.html" class="nav-link">Contact Us</a>
                </li>
              </ul>

              <!-- <div class="nav-right-options">
								<ul>
									<li>
										<a href="testimonials.html" class="main-btn border-r3">
											<span>
												<span class="get">Get A Quote</span>
												<i class="fa-solid fa-arrow-right"></i>
											</span>
										</a>
									</li>
								</ul>
							</div> -->
            </div>
          </nav>
        </div>
      </div>
      <!--=== End Main Navbar Section ===-->

      <!--=== Start Mobile Navbar Section ===-->
      <div class="mobile-nav">
        <div class="container">
          <div class="mobile-menu">
            <div class="logo">
              <a href="index.html">
                <img src="assets/images/logo.png" alt="Logo" />
              </a>
            </div>
          </div>
        </div>
      </div>
      <!--=== End Mobile Navbar Section ===-->
    </div>
    <!--=== End Navbar Section ===-->

    <!--=== Start Page Banner Section ===-->
    <div
      class="page-banner-section banner-section bg-img pt-50 pb-50"
      data-background="./assets/images/banner.png"
    >
      <div class="container">
        <div class="row">
          <div class="col-lg-5">
            <div class="page-banner-img" data-cues="fadeIn" data-group="images">
              <img
                src="assets/images/banner/banner-bg-sd.png"
                alt="page-banner-img"
              />
            </div>
          </div>
          <!-- <div class="col-lg-7">
            <div class="page-banner-content">
              <h2>Cases show</h2>
            </div>
          </div> -->
        </div>
      </div>
    </div>
    <div class="h2style h2style1" >
      <h2>Cases show</h2>
    </div>
    <h2 class="h2style" style="color: rgb(0, 71, 144)">Project cases show</h2>
    <!--=== End Page Banner Section ===-->

    <!--=== Start Case Study Section Section ===-->
    <section class="case-study-section ptb-100">
      <div class="container">
        <!-- <div class="main-section-title">
					<span class="top-title">CASE STUDY</span>
					<h2>Our Recent Case Studies</h2>
				</div> -->

        <div class="row">
          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a1.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="javascript:;" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>ProjectProjeject show</span>
                    <h3>
                      <a href="javascript:;">19.6ht yach6ht tchtyacht w12 Gyro</a>
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">19.6m yacht with SD12 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  19.6m yacht with SD12 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a2.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="javascript:;" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="javascript:;"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">13.9m fishing boat with SD4 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  13.9m fishing boat with SD4 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a3.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="javascript:;" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="javascript:;"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">18m yacht with SD4 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  18m yacht with SD4 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a4.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a
                        href="javascript:;"
                        style="opacity: 0"
                        class="read-btn"
                      >
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="javascript:;"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">15m yacht with SD4Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  15m yacht with SD4Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a5.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="single-project.html" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="single-project.html"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">11.58m fishing boat with SD2 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  11.58m fishing boat with SD2 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a6.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="single-project.html" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="single-project.html"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">28m fishing boat with SD20 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  28m fishing boat with SD20 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a7.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="single-project.html" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="single-project.html"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">18m yacht with SD7 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  18m yacht with SD7 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a8.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="" class="read-btn">
                        <!-- <i class="fa-regular fa-arrow-right"></i> -->
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="javascript:;"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">12.8m fishing boat with SD1 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  12.8m fishing boat with SD1 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>

          <div class="col-lg-4 col-sm-6">
            <div class="mb-30 psf-10 border-r5">
              <div
                class="single-case-study bg-img hover-style border-r5"
                data-background="./assets/images/applications/a9.jpg"
              >
                <div class="inner-border">
                  <div class="case-study-content">
                    <div class="read-btn-wrap">
                      <a href="javascript:;" class="read-btn">
                        <i class="fa-regular fa-arrow-right"></i>
                      </a>
                    </div>
                    <span>Artificial Intelligence</span>
                    <h3>
                      <a href="javascript:;"
                        >Officia deserunt mollitia animi nobis</a
                      >
                    </h3>
                  </div>
                </div>
              </div>
            </div>
            <div class="col-lg-500">
              <!-- <div class="button-1">12m fishing boat with SD1 Gyro</div> -->
              <button
                type="submit"
                class="main-btn border-r3 button-1"
                style="
                  background-color: rgb(13, 94, 161);
                  background-image: none;
                "
              >
                <span style="padding: 10px; width: 100%" class="button-1">
                  12m fishing boat with SD1 Gyro
                  <!-- <i class="fa-solid fa-arrow-right"></i> -->
                </span>
              </button>
            </div>
          </div>
        </div>
      </div>
    </section>

    <div
      class="container-bottom"
      style="
        /* display: flex;
			justify-content: center; */
        /* align-items: center; */
        text-align: center;
        background-size: cover;
        background-image: url('assets/images/container-bottom.png');
      "
    >
      <img
        class="container-bottom-img"
        style="width: 500px; margin-top: -60px"
        src="assets/images/logo1.png"
        alt=""
      />
      <div style="color: #fff; margin-top: -110px; padding-bottom: 35px">
        <div>Saildefender Co.,Ltd</div>
        <div>Pudong Distirct ,Shanghai, China</div>
        <div>Mail: info@saildefender.com</div>
      </div>
    </div>
    <!--=== End Footer Section ===-->

    <!--=== JS Link ===-->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <script src="assets/js/jquery.meanmenu.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/counterup.min.js"></script>
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/scrollcue.js"></script>
    <script src="assets/js/countdown.min.js"></script>
    <script src="assets/js/custom.js"></script>
  </body>
</html>
